<template>
  <div class="wrap">
    <video ref="video" class="avatar" controls autoplay controlslist="nodownload">
      <source :src="uploadUri + myurl+'.mp4'" type="video/mp4">
    </video>
  </div>
</template>

<script>
import { UPLOADURI } from '@/constants/uploaduri'
import { VERSION } from '@/constants/uri'
export default {
  data() {
    return {
      show: false,
      myurl: '',
      uploadUri: UPLOADURI,
      video: null,
      VERSION: VERSION,
      myendTime: '',
      player: null
    }
  },
  computed: {
  },
  mounted() {
    if (this.$route.params.url) {
      this.myurl = this.$route.params.url
    }
  },
  methods: {
  }
}
</script>

<style scoped lang="scss">
.wrap{
  text-align: center;
  video{
    margin-top: 50px;
    width: 1000px;
    height: 590px;
  }
  video::-internal-media-controls-download-button {
    display:none;
  }

  video::-webkit-media-controls-enclosure {
    overflow:hidden;
  }

  video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
  }
}
</style>
